<div id="metrics-trend" class="row-fluid white-row metrics-block">
    <div class="metrics-block-number">
        <h5>
            NUMBER OF MENTIONS
            <a class="popover-question-container" rel="tooltip" data-title="Total number of mentions based on current filters" data-original-title="">
                <i class="icon-question"></i>
            </a>
        </h5>
        <div class="mozaic-widget widget-metrics_counter_state_manager" data-widget="metrics_counter_state_manager" >
            <div id="total-number-of-mentions" class="mozaic-widget metrics-text-link widget-item_count" data-widget="item_count" >
                <div>
                    <span class="number" data-id="" rel="tooltip" data-title="0" data-original-title="">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </span>
                    <span class="text">threads</span>
                </div>
                <div>
                    <span class="number" data-id="" rel="tooltip" data-title="0" data-original-title="">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </span>
                    <span class="text">mentions</span>
                </div>
            </div>
        </div>
    </div>
    <div class="metrics-block-graph">
        <h5>
            MENTIONS TRENDLINE
            <a class="popover-question-container" rel="tooltip" data-title="The Mentions Trendline represents all mentions based on current filters. Data for the trendline is segmented on GMT timezone." data-original-title="">
                <i class="icon-question"></i>
            </a>
        </h5>
        <div id="hourly-mentions-widget" class="mozaic-widget widget-hourly_filter" data-widget="hourly_filter" >
            <ul class="hourly-filter-wrapper" style="display: none">
                <li class="selected action-color-active" data-resolution="day">Daily</li>
                <li class="not_selected action-color-active hour-resolution-tab" data-resolution="hour">
                    Hourly
                    <div class="hourly-filter-tooltip permission-tooltip fade bottom in">
                        <div class="tooltip-arrow"></div>
                        <div class="tooltip-inner">Hourly Resolution is only available on the past 2 weeks of data.</div>
                    </div>
                </li>
            </ul>
        </div>
        <div id="widget-trendline" style="padding-right: 20px;" class="mozaic-widget metrics-state-manager widget-metrics_state_manager" data-widget="metrics_state_manager">
        </div>
        <div class="topThreads">
            <div class="data"></div>
            <div class="loadingThreads" style="left: 43%;top: 49%;position: absolute;">
                <div class="duo duo1">
                    <div class="dot dot-a"></div>
                    <div class="dot dot-b"></div>
                </div>
                <div class="duo duo2">
                    <div class="dot dot-a"></div>
                    <div class="dot dot-b"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="loading" style="left: 46%;top: 49%;position: absolute;">
        <div class="duo duo1">
            <div class="dot dot-a"></div>
            <div class="dot dot-b"></div>
        </div>
        <div class="duo duo2">
            <div class="dot dot-a"></div>
            <div class="dot dot-b"></div>
        </div>
    </div>
</div>